
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

      <script type="text/javascript" src="js/jquery.js"></script>
      <script type="text/javascript" src="js/boxOver.js"></script>
       <script type="text/javascript" src="js/OurScript.js"></script>


       <script type="text/javascript" src="js/jquery.validate.js"></script>
       <script  type="text/javascript">
           function divShow(ID)
           {
                $("#id1").css("display","none");
                $("#id2").css("display","none");
                $("#id3").css("display","none");
                $("#id4").css("display","none");
                $("#id5").css("display","none");
                $("#id"+ID).css("display","block");
               // $(".oferta_pagination span").attr("class","");
                $("#sid1").attr("class","");
                $("#sid2").attr("class","");
                $("#sid3").attr("class","");
                $("#sid4").attr("class","");
                $("#sid5").attr("class","");
                $("#sid"+ID).attr("class","current");

           }
       </script>

      <link rel="stylesheet" type="text/css" href="style/style.css" />
      <link href="style/login-box.css" rel="stylesheet" type="text/css" />
  
     <!-- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">-->

<div id="loginMainBox" style="display:none;padding: 100px 0 0 250px;left:11%;top:-10px;position:absolute">
<div id="login-box" style="left:0%;top:40%">
<a href="javascript:closeSignin()" >
<img src="images/cancelButton.png" style="left:347px;top:2%;z-index: 3;position: relative" />
</a>
<form id="loginForm" method="post" action="Signin" >
<H2>Login</H2>
Enter Your Information  To LogIn
<br />
<br />
<p id="loginError"><font color="red"> </font></p>
<div id="login-box-name" style="margin-top:20px;">Login Name:</div><div id="login-box-field" style="margin-top:20px;"><input name="userName" class="form-login" title="Username"  size="30" maxlength="2048" /></div>
<div id="login-box-name">Password:</div><div id="login-box-field"><input name="password" type="password" class="form-login" title="Password" value="" size="30" maxlength="2048" /></div>

<span class="login-box-options"><input type="checkbox" name="1" value="1"> Remember Me <a href="#" style="margin-left:30px;">Forgot password?</a></span>
<br />
<a href="javascript:submitLoginForm()"><img src="style/images/login-btn.png" width="103" height="42" style="margin-left:90px;" /></a>
</form>
</div>
</div>
<form action="SearchByPrice">
<div class="top_bar">
<div class="top_search">
<div class="search_text"><a href="SearchByPrice">Search by Price</a></div>
<input type="text" class="search_input" name="search" /><div id="Divsearch"></div>
<input type="image" src="style/images/search.gif" class="search_bt"/>
</div>

        <div class="languages">
         <div class="lang_text"><font size="4">Bicycle Club</font></div>

        </div>
  
    </div>
</form>
 <div id="header">
        <div id="logo">
            <a href="index.jsp"><img src="style/bicycleimage/Greenbicycle.png" alt="" title="" border="0" width="155" height="143" /></a>
	    </div>

        <div class="oferte_content">
        	<div class="top_divider"><img src="style/images/header_divider.png" alt="" title="" width="1" height="164" /></div>
        	<div class="oferta">
                    

                    <div class="oferta_content" id="id1">
                	<img src="productImages/HL Road Frame02.jpg" width="94" height="92" border="0" class="oferta_img" />

                    <div class="oferta_details" >
                            <div class="oferta_title">HL Road Frame - Red, 58</div>
                         <div class="oferta_text">
                            Suitable for any type of off-road trip. Fits any budget.
                            </div>


                    </div>



                </div>
                <div class="oferta_content" id="id2">
                	<img src="productImages/minipump2.jpg" width="94" height="92" border="0" class="oferta_img" />

                    <div class="oferta_details" >
                            <div class="oferta_title">Mini pump</div>
                            <div class="oferta_text">
                            Universal fit, well-vented, lightweight , snap-on visor.
                            </div>


                    </div>


                </div>
                    <div class="oferta_content" id="id3">
                	<img src="productImages/Long-Sleeve Logo04.JPG" width="94" height="92" border="0" class="oferta_img" />

                    <div class="oferta_details" >
                            <div class="oferta_title">Long Sleeve</div>
                            <div class="oferta_text">
                            For true trail addicts.  An extremely durable bike that will go anywhere and keep you in control on challenging terrain - without breaking your budget.
                            </div>


                    </div>


                </div>
                    <div class="oferta_content" id="id4">
                	<img src="productImages/Road-150 Red02.jpg" width="94" height="92" border="0" class="oferta_img" />

                    <div class="oferta_details" >
                            <div class="oferta_title">Road -150 red</div>
                            <div class="oferta_text">
                            Sturdy alloy features a quick-release hub.
                            </div>

                    </div>
                </div>
                    <div class="oferta_content" id="id5">
                	<img src="productImages/LL Road Frame02.jpg" width="94" height="92" border="0" class="oferta_img" />

                    <div class="oferta_details" >
                            <div class="oferta_title">LL Road Frame - Red, 52 </div>
                            <div class="oferta_text">
                            Alluminum-alloy frame provides a light, stiff ride, whether you are racing in the velodrome or on a demanding club ride on country roads.
                            </div>

                    </div>


            </div>
                <div class="oferta_pagination">

                    
                     <a id="sid1" href='javascript:divShow("1")' class="current">1</a>
                     <a id="sid2" href='javascript:divShow("2")' >2</a>
                     <a id="sid3" href='javascript:divShow("3")'>3</a>
                     <a id="sid4" href='javascript:divShow("4")'>4</a>
                     <a id="sid5" href='javascript:divShow("5")'>5</a>
                     


                </div>
           		


                </div>


                <script>
                            divShow("1");   
                  </script>
            <div class="top_divider">
                <img src="style/bicycleimage/1.png" width="150" height="150" border="0" />
            </div>

        </div>
    </div>